	
		<div>
			<h2>instancia instrumento</h2>
			<p>insertar una nueva instancia</p>
		</div>						
		
		
		<?php 
		$attributes = array('id' => 'myform', 'class' => 'validar_form', 'name' => 'myform');
		echo form_open('site/insertar_ii',$attributes); ?>
		
				<label class="description">Instrumento: </label>
				<div align='left' style="position:relative; left:150px;">
					<select class="element select small" id="element_3" name="element_3"> 
						<option selected value="2" >A3</option>
						
					</select>
				</div> 
		
			
		
				<label class="description" for="element_1">Fecha Inicio: </label>
				<div align='left' style="position:relative; left:150px;">
				<span>
					<input id="element_1_1" name="element_1_1" class="element text" size="2" maxlength="2" value="" type="text"> /
					<label for="element_1_1">MM</label>
				</span>
				<span>
					<input id="element_1_2" name="element_1_2" class="element text" size="2" maxlength="2" value="" type="text"> /
					<label for="element_1_2">DD</label>
				</span>
				<span>
					<input id="element_1_3" name="element_1_3" class="element text" size="4" maxlength="4" value="" type="text">
					<label for="element_1_3">YYYY</label>
				</span>
			
				<span id="calendar_1">
					<img id="cal_img_1" class="datepicker" src="<?php echo base_url('source/image/calendar.gif')?>" alt="Pick a date.">	
				</span>
				</div>
				<script type="text/javascript">
					Calendar.setup({
					inputField	 : "element_1_3",
					baseField    : "element_1",
					displayArea  : "calendar_1",
					button		 : "cal_img_1",
					ifFormat	 : "%B %e, %Y",
					onSelect	 : selectDate
					});
				</script>
				 
		
		
				<label class="description" for="element_2">Fecha Fin: </label>
				<div align='left' style="position:relative; left:150px;">
				<span>
					<input id="element_2_1" name="element_2_1" class="element text" size="2" maxlength="2" value="" type="text"> /
					<label for="element_2_1">MM</label>
				</span>
				<span>
					<input id="element_2_2" name="element_2_2" class="element text" size="2" maxlength="2" value="" type="text"> /
					<label for="element_2_2">DD</label>
				</span>
				<span>
					<input id="element_2_3" name="element_2_3" class="element text" size="4" maxlength="4" value="" type="text">
					<label for="element_2_3">YYYY</label>
				</span>
	
				<span id="calendar_2">
					<img id="cal_img_2" class="datepicker" src="<?php echo base_url('source/image/calendar.gif')?>" alt="Pick a date.">	
				</span>
				</div>
				<script type="text/javascript">
				
					Calendar.setup({
					inputField	 : "element_2_3",
					baseField    : "element_2",
					displayArea  : "calendar_2",
					button		 : "cal_img_2",
					ifFormat	 : "%B %e, %Y",
					onSelect	 : selectDate
					});
				</script>
		 
		
				<label class="description" for="element_4">Nombre Instrumento: </label>
				<div align='left' style="position:relative; left:150px;">
					<input id="element_4" name="element_4" class="element text medium" type="text" maxlength="50" value=""/> 
				</div> 
		
				<label class="description" for="element_5">A&ntilde;o: </label>
				<div align='left' style="position:relative; left:150px;">
					<input id="element_5" name="element_5" class="element text small" type="text" maxlength="4" value="<?php echo date("Y");?>"  onKeyDown="if (event.keyCode < 96 || event.keyCode > 105) event.returnValue = false;"/> 
				</div> 
				
				<label class="description">Ciclo: </label>
				<div align='left' style="position:relative; left:150px;">
					<select class="element select small" id="element_3_1" name="element_3_1"> 
							<option value="I" >I</option>
							<option value="P" >II</option>

					</select>
				</div> 
				<br><br>
							<?php 
							
							echo form_submit('mysubmit', 'Agregar'); 
							echo form_reset('myreset', 'Reestablecer');?>
							
							
			
	<?php echo form_close(); ?>
	
	
	<script type="text/javascript">

		var element_4 = new LiveValidation( "element_4", { validMessage: "Correcto", onlyOnSubmit: true } );
		element_4.add( Validate.Presence,{ failureMessage: "Incorrecto" } );	
		
		var element_1_1 = new LiveValidation( "element_1_1", { validMessage: " ", onlyOnSubmit: true } );
		element_1_1.add( Validate.Presence,{ failureMessage: " " } );	
		
		var element_1_2 = new LiveValidation( "element_1_2", { validMessage: " ", onlyOnSubmit: true } );
		element_1_2.add( Validate.Presence,{ failureMessage: " " } );	
		
		var element_1_3 = new LiveValidation( "element_1_3", { validMessage: " ", onlyOnSubmit: true } );
		element_1_3.add( Validate.Presence,{ failureMessage: " " } );	

		var element_2_1 = new LiveValidation( "element_2_1", { validMessage: " ", onlyOnSubmit: true } );
		element_2_1.add( Validate.Presence,{ failureMessage: " " } );	
		
		var element_2_2 = new LiveValidation( "element_2_2", { validMessage: " ", onlyOnSubmit: true } );
		element_2_2.add( Validate.Presence,{ failureMessage: " " } );	
		
		var element_2_3 = new LiveValidation( "element_2_3", { validMessage: " ", onlyOnSubmit: true } );
		element_2_3.add( Validate.Presence,{ failureMessage: " " } );		
		
		var element_5 = new LiveValidation('element_5', { validMessage: "Correcto", onlyOnSubmit: true });
		element_5.add( Validate.Presence,{ failureMessage: "Incorrecto" } );
	</script>
		
					
		
					
		
		
		
		